﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasertTemplates.Master" AutoEventWireup="true" CodeBehind="WebLogin.aspx.cs" Inherits="WebApplication.WebLogin" %>
<%@ Register TagPrefix="uc1" TagName="usermeg" Src="~/UserControl/UserMessageControl.ascx" %>
<%@ Register TagPrefix="uc1" TagName="maintab" Src="~/UserControl/MainTabControl.ascx" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script type="text/javascript" src="Media/JS/PublicTableStyle.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        //tab2 selected
        // checkTab("t4");
        //        $("#timeTable").TableColumnSelect({ listbox: "columlistwrap", hid: [] });

    })

</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
 <input type="hidden" value="t4" id="pageName" />
 <div class="content-title"><h1>Customer - Log</h1></div> 
         <div class="con-nav"><a href="#" class="btn"><span class="ui-icon ui-icon-newwin"></span>Add New Customer</a>
               </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
<uc1:usermeg ID="usermeg" runat="server" ></uc1:usermeg>        
    <div class="partWrap">
    <uc1:maintab ID="maintab"  runat="server"/>
   

<div class="clear10"></div>

	 <ul class="uibtn">
    	<li onClick="javascript:ToggleDocument('SearchForm')">Add Web Login</li>
	  </ul>	

	<div class="clear10"></div>
	<div id="SearchForm"  class="SearchForm">
	<table width="500" border="0" cellspacing="0" cellpadding="0">
	  <tr>
		<td>
		<p class="upinput">Login ID <span class="red">*</span>	</p>
		<input type="text" class="input200" />
		</td>
		<td><p class="upinput">Login ID Status<span class="red">*</span>	</p>
		<select class="select200" ><option></option></select>
		
		</td>
	  </tr>
      <tr>
		<td colspan="2" height="10"> </td>
        </tr>
	  <tr>
		<td colspan="2"> 
        <table  border="0" cellspacing="0" cellpadding="0" class="btnwrap">
			  <tr>
				<td  class="btnwrapl">
				 <ul class="uibtn">
    	              <li>Save</li>
	             </ul>
				</td>
				<td class="btnwrapr">
				 <ul class="uibtn">
    	           <li >Quit</li>
	              </ul>
				</td>
                <td >
                </td>				
			  </tr>
			</table>
            </td>
	  </tr>
	</table>
	</div>	
	<div class="page">
            <p class="left">20- 50 / Record(s)</p>
		<%--<p class="left">20- 50 / customer(s)</p>--%>
		
	<%--	<div class="lisColumtBoxWrap"> <img src="Media/Css/images/trash_can_s.png" height="24" id="showT" ></div>
		
	<div id="lisColumtBoxWrap" class="lisColumtBoxWrap">
		 <img src="Media/Css/images/control_s.png" height="24" id="showC" >
	  <div id="lisColumtBox" class="lisColumtBox">	 
	  <div class="lisColumtBoxClose"></div>
	  <img src="Media/Css/images/del-form.png" height="13" class="lisColumtBoxClose" />
      <div id="columlistwrap">
      </div>      	  
	    <table  border="0" cellspacing="0" cellpadding="0" class="btnwrap">
			  <tr>
				<td  class="btnwrapl">
				 <ul class="uibtn">
    	              <li>Save</li>
	             </ul>
				</td>
				<td class="btnwrapr">
				 <ul class="uibtn">
    	           <li >Quit</li>
	              </ul>
				</td>
                <td >
                </td>				
			  </tr>
			</table>
	  </div>
	</div>--%>
		
		<div class="page-style">
		 <a href="#">Previous</a>
		 <a href="#"> << </a>
		 <span>
		 <input type="text" size="1" value="2">
		  / 4</span>
		 <span>pages </span>
		 <a href="#">Go</a>
		 <a href="#"> >> </a>
		 <a href="#">Next</a>
		</div>	
			
	
	</div>
 <div class="msgBoxPS">
 <div class="SendEmailBox" id="SendBox">
 <table width="100%" border="0"> 
 <tr>
    <td><h4>  <img src="Media/Css/images/del-select.png" class="closeBtn" onclick="ToggleDocument('SendBox')" /><strong>Send Remind Password Email</strong></h4>
  
    <br/>
	</td>
  </tr>
  <tr>
    <td>
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
	  <tr>
		<td><input type="checkbox" ><label for="">Contact person name  Attribute  Email
</label></td>
	  </tr>
	  <tr>
		<td><input type="checkbox" ><label for="">Contact person name  Attribute  Email
</label></td>
	  </tr>
	  <tr>
		<td><input type="checkbox"><label for="">Contact person name  Attribute  Email
</label></td>
	  </tr>
	</table>

	</td>
  </tr>
  <tr>
    <td height="10">
    </td>
  </tr>
</table>
<table  border="0" cellspacing="0" cellpadding="0" class="btnwrap">
			  <tr>
				<td  class="btnwrapl">
				 <ul class="uibtn">
    	              <li>Save</li>
	             </ul>
				</td>
				<td class="btnwrapr">
				 <ul class="uibtn">
    	           <li >Quit</li>
	              </ul>
				</td>
                <td >
                </td>				
			  </tr>
			</table>
 </div>

 </div>

	<div class="table-wrap">	
	<table width="100%" border="0"  background="#cccccc" cellspacing="1" cellpadding="0" class="listing-table" id="timeTable">
	<thead>
		  <tr>
			
			<th width="50" align="left">Index</th>
			<th><div class="hw"><span>Date</span><span  class="order-1"></span><div class="dragDiv"></div></div></th>
			<th><div class="hw"><span>Login ID</span><span class="order-1"></span><div class="dragDiv"></div></div></th>
			<th><div class="hw"><span>Login ID Status 	</span><span class="order-1"></span><div class="dragDiv"></div></div></th>			
		 <th>&nbsp;</th>
		  </tr>
		</thead>
		  <tbody>
		   <tr>
           <td>01</td>
			<td  class="td1">01 Jun 2010  hh:mm:ss	</td>
			<td  class="td2">195500FC00001A</td>
			<td  class="td3">Active</td>			
			<td  class="td9" width="160">
				<a href="#">Edit</a> |
				<%--<a href="javascript: undo_disp_confirms('id')">delete</a> |--%>
				<a href="javascript:ToggleDocument('SendBox')"> Send Email</a>      
			</td>
		  </tr>
           <tr>
           <td>02</td>
			<td  class="td1">01 Jun 2010  hh:mm:ss	</td>
			<td  class="td2">195500FC00001A</td>
			<td  class="td3">Active</td>			
			<td  class="td9" width="160">
				<a href="#">Edit</a> |
				<%--<a href="javascript: undo_disp_confirms('id')">delete</a> |--%>
				<a href="javascript:ToggleDocument('SendBox')"> Send Email</a>      
			</td>
		  </tr>
          <tr>
          <td>03</td>
			<td  class="td1">01 Jun 2010  hh:mm:ss	</td>
			<td  class="td2">195500FC00001A</td>
			<td  class="td3">Active</td>			
			<td  class="td9" width="160">
				<a href="#">Edit</a> |
				<%--<a href="javascript: undo_disp_confirms('id')">delete</a> |--%>
				<a href="javascript:ToggleDocument('SendBox')"> Send Email</a>      
			</td>
		  </tr>

          <tr>
          <td>04</td>
			<td  class="td1">01 Jun 2010  hh:mm:ss	</td>
			<td  class="td2">195500FC00001A</td>
			<td  class="td3">Active</td>			
			<td  class="td9" width="160">
				<a href="#">Edit</a> |
				<%--<a href="javascript: undo_disp_confirms('id')">delete</a> |--%>
				<a href="javascript:ToggleDocument('SendBox')"> Send Email</a>      
			</td>
		  </tr>
          <tr>
          <td>05</td>
			<td  class="td1">01 Jun 2010  hh:mm:ss	</td>
			<td  class="td2">195500FC00001A</td>
			<td  class="td3">Active</td>			
			<td  class="td9" width="160">
				<a href="#">Edit</a> |
				<%--<a href="javascript: undo_disp_confirms('id')">delete</a> |--%>
				<a href="javascript:ToggleDocument('SendBox')"> Send Email</a>      
			</td>
		  </tr>
          <tr>
          <td>06</td>
			<td  class="td1">01 Jun 2010  hh:mm:ss	</td>
			<td  class="td2">195500FC00001A</td>
			<td  class="td3">Active</td>			
			<td  class="td9" width="160">
				<a href="#">Edit</a> |
				<%--<a href="javascript: undo_disp_confirms('id')">delete</a> |--%>
				<a href="javascript:ToggleDocument('SendBox')"> Send Email</a>      
			</td>
		  </tr>
          <tr>
          <td>07</td>
			<td  class="td1">01 Jun 2010  hh:mm:ss	</td>
			<td  class="td2">195500FC00001A</td>
			<td  class="td3">Active</td>			
			<td  class="td9" width="160">
				<a href="#">Edit</a> |
				<%--<a href="javascript: undo_disp_confirms('id')">delete</a> |--%>
				<a href="javascript:ToggleDocument('SendBox')"> Send Email</a>      
			</td>
		  </tr>
          <tr>
          <td>08</td>
			<td  class="td1">01 Jun 2010  hh:mm:ss	</td>
			<td  class="td2">195500FC00001A</td>
			<td  class="td3">Active</td>			
			<td  class="td9" width="160">
				<a href="#">Edit</a> |
				<%--<a href="javascript: undo_disp_confirms('id')">delete</a> |--%>
				<a href="javascript:ToggleDocument('SendBox')"> Send Email</a>      
			</td>
		  </tr>
          <tr>
          <td>09</td>
			<td  class="td1">01 Jun 2010  hh:mm:ss	</td>
			<td  class="td2">195500FC00001A</td>
			<td  class="td3">Active</td>			
			<td  class="td9" width="160">
				<a href="#">Edit</a> |
				<%--<a href="javascript: undo_disp_confirms('id')">delete</a> |--%>
				<a href="javascript:ToggleDocument('SendBox')"> Send Email</a>      
			</td>
		  </tr>
          <tr>
          <td>10</td>
			<td  class="td1">01 Jun 2010  hh:mm:ss	</td>
			<td  class="td2">195500FC00001A</td>
			<td  class="td3">Active</td>			
			<td  class="td9" width="160">
				<a href="#">Edit</a> |
				<%--<a href="javascript: undo_disp_confirms('id')">delete</a> |--%>
				<a href="javascript:ToggleDocument('SendBox')"> Send Email</a>      
			</td>
		  </tr>
          <tr>
          <td>11</td>
			<td  class="td1">01 Jun 2010  hh:mm:ss	</td>
			<td  class="td2">195500FC00001A</td>
			<td  class="td3">Active</td>			
			<td  class="td9" width="160">
				<a href="#">Edit</a> |
				<%--<a href="javascript: undo_disp_confirms('id')">delete</a> |--%>
				<a href="javascript:ToggleDocument('SendBox')"> Send Email</a>      
			</td>
		  </tr>
          <tr>
          <td>12</td>
			<td  class="td1">01 Jun 2010  hh:mm:ss	</td>
			<td  class="td2">195500FC00001A</td>
			<td  class="td3">Active</td>			
			<td  class="td9" width="160">
				<a href="#">Edit</a> |
				<%--<a href="javascript: undo_disp_confirms('id')">delete</a> |--%>
				<a href="javascript:ToggleDocument('SendBox')"> Send Email</a>      
			</td>
		  </tr>
          <tr>
          <td>13</td>
			<td  class="td1">01 Jun 2010  hh:mm:ss	</td>
			<td  class="td2">195500FC00001A</td>
			<td  class="td3">Active</td>			
			<td  class="td9" width="160">
				<a href="#">Edit</a> |
				<%--<a href="javascript: undo_disp_confirms('id')">delete</a> |--%>
				<a href="javascript:ToggleDocument('SendBox')"> Send Email</a>      
			</td>
		  </tr>
          <tr>
          <td>14</td>
			<td  class="td1">01 Jun 2010  hh:mm:ss	</td>
			<td  class="td2">195500FC00001A</td>
			<td  class="td3">Active</td>			
			<td  class="td9" width="160">
				<a href="#">Edit</a> |
				<%--<a href="javascript: undo_disp_confirms('id')">delete</a> |--%>
				<a href="javascript:ToggleDocument('SendBox')"> Send Email</a>      
			</td>
		  </tr>
          <tr>
          <td>15</td>
			<td  class="td1">01 Jun 2010  hh:mm:ss	</td>
			<td  class="td2">195500FC00001A</td>
			<td  class="td3">Active</td>			
			<td  class="td9" width="160">
				<a href="#">Edit</a> |
				<%--<a href="javascript: undo_disp_confirms('id')">delete</a> |--%>
				<a href="javascript:ToggleDocument('SendBox')"> Send Email</a>      
			</td>
		  </tr>
	
		  </tbody>
		
		</table>	
	</div>
		<div class="page">
		<%--<p class="left">20- 50 / customer(s)</p>--%>
         <p class="left">20- 50 / Record(s)</p>
		<div class="page-style">
		<a href="#">Previous</a>
		 <a href="#"> << </a>
		 <span>
		 <input type="text" size="1" value="2">
		  / 4</span>
		 <span>pages </span>
		 <a href="#">Go</a>
		 <a href="#"> >> </a>
		 <a href="#">Next</a>
		</div>	
	</div>
	</div>
	
	

<div id="Popconfirms" class="Popconfirms">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center">
	
	<div class="Poptxt">您确定要删除吗？</div></td>  
    
  </tr>
  <tr>
    <td align="center">
	<div class="clear20"></div>
	<table>
	<tr>
    <td>
	 <ul class="uibtn">
    	<li onClick="javascript:ToggleDocument('wrapToggle')">Sure</li>
	</ul>
	</td>
	<td width="10"></td>
    <td>
	 <ul class="uibtn">
    	<li onClick="javascript:ToggleDocument('wrapToggle')">Quit</li>
	</ul>
	</td>
	</tr>
	</table>
	</td>
  </tr>
</table>

</div>


</asp:Content>
